/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }* { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; } html { font-size: 20px; font-family: "微软雅黑", "Microsoft Yahei"; width: 100%; height: 100%; } body { background: #ffffff; width: 100%; height: 100%; } .mouse-enter { position: fixed; top: 0; left: 0; right: 0; margin: 0; height: 5rem; z-index: 999; } .hidden { opacity: 0 !important; visibility: hidden !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; } .w1400 { width: 100%; max-width: 70rem; margin: 0 auto; position: relative; } .w1480 { width: 74rem; max-width:96%; margin: 0 auto; position: relative; } .w1680 { background-color: #fff; width: 100%; max-width: 84rem; position: relative; z-index: 1; margin: 0 auto; } .con-tit { font-size: 36px; letter-spacing: 1px; color: #333; text-align: center; } .con-tit::before { content: ''; display: block; margin: 0 auto 2rem; background-color: #dd7f06; width: 2rem; height: 3px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } @media screen and (max-width: 1680px) { html { font-size: 17px; } } @media screen and (max-width: 1440px) { .w1680 { max-width: 76rem; } } @media screen and (max-width: 1366px) { html { font-size: 16px; } } @media screen and (max-width: 1024px) { html { font-size: 14px; } .w1480 { margin: 0 auto; } .w1680 { padding: 0 20px; } } @media screen and (max-width: 768px) { html { font-size: 12px; } .mouse-enter { height: 60px; } .con-tit { font-size: 23px; } .con-tit::before { width: 40px; margin-bottom: 15px; } } @media screen and (max-width: 468px) { .mouse-enter { height: 44px; } }